	<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>TASK SIX</title>
	<link rel="stylesheet" type="text/css" href="style/task1_6.css">
</head>
<body>
<div id="container">	
	<div id="header">
		<div id="logo"><span>itf.baidu.com</span></div>
		<span>2016.03</span>
	</div>

	<div class="top">
		<div class="top_left">
			<img src="photo/task1_6_1.png">
			<div class="cover_left"></div>
			<div class="cover_right"></div>
		</div>
		<div class="top_right"></div>
	</div>

	<div class="middle">
		<div class="one">
			<div class="what">What</div>
			<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
		</div>
		<div class="two">
			<div class="when">When</div>
			<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端</p>
		</div>	
		<div class="three">
			<div class="how">How</div>
			<p>前端前端前端前端前端前端前端前端前端前端前端前端</p>
		</div>
	</div>

	<div class="bottom">
		<div class="bottom_left">
			<div class="bl_top">
				<p><span class="the">THE</span>&nbsp;TECHNOLOGE&nbsp; OF FRONT</p>
				<p class="ch">前端技术领域</p>
			</div>
			<div class="bl_bottom">
				<p><span class="front">前</span>端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端<img src="photo/task1_6_3.png">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前
				</p>
				<p class="p2">前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前</p>
				<p class="p2">前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
			</div>
		</div>
		<div class="bottom_right">
			<div class="br_top">
				<img src="photo/task1_6_2.png">
				<div class="cover">
					<div><span>前端技术</span> 前端技术前端技术</div>
				</div>
			</div>
			<div class="br_bottom">
				<ol>
					<li>前端前端前端前端前端前端 ..................前端</li>
					<li>前端前端 ................前端前</li>
					<li>前端前端前端 ....................前端</li>
				</ol>
			</div>
		</div>
	</div>

	<div id="footer">	
	</div>
</div>

</body>
</html>